<template>
    <div class="page-login-s">
       <header>
          <div class="title">注册成功</div>
          <div class="card-des">2088元优惠券已发送到您的账户</div>
       </header>
       <div class="gray-nav"></div>
       <div class="login-content">
            <div class="login-left">
                <img src="../../public/imgs/login_success_step.png" alt="">
            </div>
            <div class="login-right">
               <div>
                 <div class="title bule">注册即送</div>
                 <div class="second_title">2088元新手大礼包</div>
               </div>
               <div style="margin-top:0.8rem">
                 <div class="title gray">投资新手标</div>
                 <div class="second_title">专享15%高收益，15天短期产品</div>
               </div>
            </div>

       </div>
       <div class="go" @click="jump()">
              马上赚钱
            </div>
    </div>
</template>

<script>

export default {
  data() {
    return {
     
    };
  },
  methods: {
    jump(){
     this.Uitis.JumpNavite("jumpToProductList");
    }
  }
};
</script>

<style lang="less">
body{
  background: #fff;
}
.page-login-s {
   header{
      background: url("../../public/imgs/login_success_top.png") no-repeat;
      background-size:100% 100%;
      height: 367px; 
      display: flex;
      align-items: center;
      flex-direction: column; 
      .title{
        font-weight: 600;
        color: #fff;
        font-size: 33px;
        margin-top: 220px;
        
      }
      .card-des{
           color: #ccc;
           font-size:28px;
            margin-top: 25px;
        }
   }
   .gray-nav{
     height: 15px;
     background: #f4f4f4;
   }
   .login-content{
     padding: 70px 0px 0px 35px; 
     display: flex;
     .login-left{
       img{
         width: 37px;
         height: 180px;
       }
     }
      .login-right{
          margin-left: 20px;
          .title{
            font-size: 32px;
          }
          .second_title{
            margin-top: 15px;
            color: #999;
            font-size: 28px;
          }
          .bule{
            color: #5261f7;
          }
          .gray{
            color: #666;
          }
       }
   }
   .go{
     margin: 300px auto 180px auto;
      width: 528px;
      height: 83px;
      -webkit-border-radius: 5px 4px 4px 5px/4px;
      -moz-border-radius: 5px 4px 4px 5px/4px;
      border-radius: 5px 4px 4px 5px/4px;
      background-color: #5261f7;
      color: #fff;
      text-align: center;
      font-size: 31px;
      line-height: 83px;
   }
}
</style>
